<template>
    <div class="container">
        <system-nav name="公告详情" :showBack="true"></system-nav>
        <div class="inner">
            <job-detail type="notice" :data="data"></job-detail>
        </div>
    </div>
</template>

<script>
import SystemNav from '@/components/SystemNav'
import JobDetail from '@/components/JobDetail'
import { viewMessageRest } from '@/common/apis/system'

export default {
    name: "noticeDetail",
    components: {
        SystemNav,
        JobDetail
    },
    data() {
        return {
            data: {}
        }
    },
    mounted() {
        this.id = this.$route.params.id
        this.initData()
    },
    methods: {
        initData() {
            this.getMessageDetail()
        },
        getMessageDetail() {
            viewMessageRest(this.id).then(result => {
                this.data = result.data.content
            })
        }
    }
}
</script>
